<template>
  <div class="pages">
    <dwpRegister v-bind:index.sync="index" v-if="index == 1"></dwpRegister>
    <dwpFindPassword :index.sync="index" v-else-if="index == 2"></dwpFindPassword>
    <dwpLogin :index.sync="index" v-else></dwpLogin>
  </div>
</template>

<script>
import dwpLogin from "./components/login";
import dwpRegister from "./components/register";
import dwpFindPassword from "./components/findPassword";

export default {
  components: { dwpLogin, dwpRegister, dwpFindPassword },
  data() {
    return {
      index: 3, // 1 注册 2 找回 3登录
    };
  },
  created() {},
  computed: {},
  watch: {},
  methods: {},
};
</script>
<style lang='less' scoped>
.pages {
  position: relative;
  padding-top: 1px;
  width: 100%;
  height: calc(100% - 1px);
  &::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1808791756,1010680694&fm=26&gp=0.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    filter: opacity(30%);
    z-index: -9;
  }
}
</style>